<template>
  <div class="timeline-btn-group">
    <div v-for="(item, index) in btnItems" :key="index" class="btn-group-box">
      <div class="btn-item">
        {{ item }}
      </div>
      <div class="circle" />
    </div>
    <div class="line" />
  </div>
</template>

<script setup>
const btnItems = ["关闭楼层", ...new Array(15).fill(0).map((item, index) => `${index + 1}F`)];
</script>

<style lang="less" scoped>
@import "./index.less";
</style>